<template>
  <view class="my">
    <!-- <my-userinfo></my-userinfo> -->
    <my-login v-if="JSON.stringify(token) === '{}'"></my-login>
    <my-userinfo v-else></my-userinfo>
  </view>
</template>

<script>
import { mapState } from "vuex";
import myLogin from "/src/components/my-login";
import myUserinfo from "/src/components/my-userinfo";
export default {
  name: "my",
  components: {
    myLogin,
    myUserinfo,
  },
  props: {},
  data() {
    return {};
  },
  computed: {
    ...mapState("m_user", ["token", "userinfo"]),
  },
  methods: {},
  watch: {},

  // 页面周期函数--监听页面加载
  onLoad() {},
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  // onPullDownRefresh() { uni.stopPullDownRefresh(); },
  // 页面处理函数--监听用户上拉触底
  // onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  // onPageScroll(event) {},
  // 页面处理函数--用户点击右上角分享
  // onShareAppMessage(options) {},
};
</script>

<style lang="scss">
page,
.my {
  height: 100%;
  background-color: #f4f4f4;
}
</style>